{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Account Details - CyberPanel" %}{% endblock %}
{% block content %}

{% load static %}
{% get_current_language as LANGUAGE_CODE %}
<!-- Current language: {{ LANGUAGE_CODE }} -->

<div class="container">
<div id="page-title">
   <h2>{% trans "Account Details" %}</h2>
   <p>{% trans "List the account details for the currently logged in user." %}</p>
</div>
<div class="panel">
    <div class="panel-body">
        <h3 class="content-box-header">
            {% trans "Account Details" %}
        </h3>
        <div ng-controller="createPackage" class="example-box-wrapper">

            <form action="/" class="form-horizontal bordered-row panel-body">
                <div class="form-group">
                    <label class="col-sm-2 control-label mb-5" style="padding-top: 0px;">{% trans "First Name" %}</label>
                    <div class="col-sm-1 mb-10">
                        <div class="mb-10 text-bold">{{ firstName }} </div>
                    </div>

                    <label class="col-sm-2 mb-5 text-right">{% trans "Last Name" %}</label>
                    <div class="mb-10">
                        <div class="col-sm-1 mb-10 text-bold">{{ lastName }}</div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label mb-5" style="padding-top: 0px;">{% trans "Username" %}</label>
                    <div class="col-sm-1 mb-10">
                        <div class="mb-10 text-bold">{{ userName }}</div>
                    </div>

                    <label class="col-sm-2 mb-5 text-right">{% trans "Email" %}</label>
                    <div class="col-sm-5 mb-10">
                        <div class="mb-10 text-bold">{{ email }}</div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label mb-5" style="padding-top: 0px;">{% trans "Account ACL" %}</label>
                    <div class="col-sm-1 mb-10">
                        <div class="mb-10 text-bold">{{ accountACL }}</div>
                    </div>

                    <label class="col-sm-2 mb-5 text-right">{% trans "Websites Limit" %}</label>
                    <div class="col-sm-5 mb-10">
                        <div class="mb-10 text-bold">{{ websitesLimit }} {% trans "( 0 = Unlimited )" %}</div>
                    </div>
                </div>



            </form>


        </div>
    </div>
</div>


</div>


{% endblock %}